<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>login</ion-title>
    <ion-buttons>
      <button ion-button (click)="dismiss()">
        <!-- ios和andorid 的 适配-->
        <span ion-text color="primary" showWhen="ios">取消</span>
        <ion-icon name="md-close" showWhen="android"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list>
    <ion-item>
      <ion-label stached>
        手机号码
      </ion-label>
      <ion-input type="text" [(ngModel)]="mobile" ></ion-input>
    </ion-item>

    <ion-item>
      <ion-label stached>
        密码
      </ion-label>
      <ion-input type="password" [(ngModel)]="password"></ion-input>
    </ion-item>

    <div padding>
      <button ion-button color="primary" block (click)="login()">登录</button>
    </div>
    <div padding text-center>
        <button ion-button color="primary" outline (click)="pushRegister()">没有账号？注册</button>        
    </div>

  </ion-list>
</ion-content>
